<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>


<script type="text/javascript">
<!--
	$('#sandbox-datepicker .input-append.date').datepicker({
	    format: "yyyy-mm-dd",
	    language: "pt-BR",
	    calendarWeeks: true,
	    autoclose: true,
	    todayHighlight: true
	});
//-->
</script>

<form id="defaultForm" class="form" action="${pageContext.request.contextPath}/fluxoCaixa/save" method="POST">

	<div class="span9">
		<div class="well well-large">
		
			<c:if test="${not empty errors}">
				<c:forEach items="${errors}" var="error">
					<div class="alert alert-error">
						<button name="skipAjax" type="button" class="close" data-dismiss="alert">&times;</button>
						${error.message}
					</div>
				</c:forEach>
			</c:if>
					
			<ul class="thumbnails">
			  	<li class="span4">
			  		<i class="icon-arrow-right"></i> <fmt:message key="BUNDLE_NEW_CASH_FLOW"/>
			  	
			    	<div class="thumbnail">
				    	
						<div class="field">
							<fmt:message key="BUNDLE_DESCRICAO"/><br />
							
							<input id="inputError" type="text" name="fluxoCaixa.descricao" value="${fluxoCaixa.descricao}" required/>
						</div>
						
						<div class="field">
							<fmt:message key="BUNDLE_QUANTIDADE"/><br />
							
							<input id="inputError" type="text" name="fluxoCaixa.quantidade" value="${fluxoCaixa.quantidade}" required/>
						</div>
									    	    
						<div class="field" id="sandbox-datepicker">
							<fmt:message key="BUNDLE_DATA"/><br />
							
							<div class="input-append date">
							  	<input type="text" class="span11" name="fluxoCaixa.dataCadastro" placeholder="AAAA-MM-DD" 
									value="${fluxoCaixa.dataCadastro}" data-mask="9999-99-99" required readonly/>
						  		<span class="add-on">
						  			<i class="icon-th"></i>
						  		</span>
							</div>						
						</div>
						
						<div class="field">
							<fmt:message key="BUNDLE_FLUXO_CAIXA_TYPE"/><br />
								
							<select class="selectpicker" name="fluxoCaixa.tipoFluxoCaixa" required>
								<option value="">- Selecione -</option>
								<c:if test="${not empty tiposFluxoCaixa}">
									<c:forEach items="${tiposFluxoCaixa}" var="tipoFluxoCaixa">
										<option value="${tipoFluxoCaixa}" <c:if test="${fluxoCaixa.tipoFluxoCaixa eq tipoFluxoCaixa}">selected</c:if>>
											${tipoFluxoCaixa}
										</option>
									</c:forEach>
								</c:if>
							</select>
						</div>
						
						<div class="field">
							<fmt:message key="BUNDLE_PRODUCT"/><br />
								
							<select class="selectpicker" name="fluxoCaixa.idProduto" required>
								<option value="">- Selecione -</option>
								<c:if test="${not empty produtos}">
									<c:forEach items="${produtos}" var="produto">
										<option value="${produto.id}" <c:if test="${fluxoCaixa.idProduto eq produto.id}">selected</c:if>>
											${produto.nome}
										</option>
									</c:forEach>
								</c:if>
							</select>
						</div>
						
					</div>
				</li>
			</ul>
		</div>
	</div>
	
	<div class="span3">
		<div class="actions">
			<button id="submit" name="submit" type="submit" class="btn btn-success" value="Confirmar">
				<i class="icon-ok icon-white"></i> <fmt:message key="BUNDLE_CONFIRM"/>
			</button>
			
			<a class="btn btn-warning" href="${pageContext.request.contextPath}/fluxoCaixa">
				<i class="icon-share-alt icon-white"></i> <fmt:message key="BUNDLE_BACK"/>
			</a>
		</div>
	</div>
</form>